<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="css/注册css.css">
<body>
<div class="header">
    <div id="header">
        <div class="site-nav single-nav">
            <div class="site-nav-logo">
                <a href="">
                    <img src="https://img3.doubanio.com/dae/accounts/static/pics/douban/lg_account.png">
                </a>
            </div>
        </div>
    </div>
</div>
<div class="wrapper">
    <h1>欢迎加入豆瓣</h1>
    <div class="article">
        <form method="get" action="http://www.w3school.com.cn/">
            <div style="display:none;">
                <input type="hidden" name="source" value="simple"/>
                <input type="hidden" name="redir" value="  "/>
                <img src="https://www.douban.com/pics/blank.gif"/>
            </div>
            <div class="item">
                <label>邮箱</label>
                <input id="email" name="alias" type="text" class="basic-input" maxlength="60" value=""/>
            </div>
            <div class="suggestion">
                <div id="email_suggestion"></div>
            </div>
            <div class="item">
                <label>密码</label>
                <input id="password" name="password" type="password" class="basic-input" maxlength="20"/>
            </div>
            <div class="item">
                <label>名号</label>
                <input id="name" name="name" type="text" class="basic-input" maxlength="15" value=""/>
            </div>
            <div class="suggestion">
                <span class="tips">第一印象很重要，起个响亮的名号吧</span>
            </div>

            <div class="item">
                <label>常居地</label>
                <span class="loc">
                <em id="location">豆瓣猜你在<strong>成都</strong>，没猜对？</em> <a href="" class="a-btn-location"
                                                                        id="edloc">手动选择</a>
                </span>

                <input type="hidden" name="loc"/>
            </div>
            <div class="item">
                <label>手机号</label>
                <input id="verify_phone_num" type="text" class="basic-input" value="+86"/>
            </div>
            <div class="suggestion">
            <span class="tips">用手机接收注册验证码 <br/>
            验证的手机号如果没有绑定过帐号，会自动绑定当前帐号</span>
            </div>
            <div class="item captcha-item">
                <label>验证码</label>
                <input id="code" name="code" type="text" class="basic-input small"/>
                <input id="request-phone-code-btn" type="submit" value="获取验证码"/>
                <span id="tips-error" class="tips"><em></em></span>
                <span id="tips-info" class="tips"></span>
                <span class="validate-error" id="frm_error"></span>
            </div>
            <div class="item">
                <p class="agreement">
                    <label for="agreement" class="agreement-label">
                        <input type="checkbox" id="agreement" name="agreement"/>
                        我已经认真阅读并同意豆瓣的《<a href="">使用协议</a>》。
                    </label>
                </p>
            </div>
            <div class="item-submit">
                <label>&nbsp;</label>
                <input type="submit" name="register" value="注册" disabled="disabled" id="buttonreg"
                       class="btn-submit disabled"/>
            </div>
        </form>

    </div>
    <div class="aside">
        <ul class="sidenav">
            <li>&gt;&nbsp;已经拥有豆瓣帐号? <a rel="nofollow" href="">直接登录</a></li>
            <li>&gt;&nbsp;<a href="">点击下载豆瓣移动应用</a></li>
        </ul>
    </div>
</div>

    <div class="footer">

        <div id="footer">
            <span id="icp" class="fleft gray-link">&copy; lalala</span>
            <span class="fright">
            <a href="">关于豆瓣</a>
         · <a href="">在豆瓣工作</a>
         · <a href="">联系我们</a>
         · <a href="">免责声明</a>
         · <a href="">帮助中心</a>
         · <a href="">开发者</a>
         · <a href="">移动应用</a>
         · <a href="">豆瓣广告</a>
            </span>
        </div>
</div>

<script>
    document.getElementById("agreement").onclick=function(){
        if(this.checked){
           document.getElementById("buttonreg").removeAttribute("disabled");
        }
    }

</script>
</body>
</html>